<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<svg width="100" height="100" viewBox="10 10 80 80"
     style="transform: translate3d(0, 0, 0) scale(0.0001, 0.0001)">
  <rect width="100" height="100" fill="green" stroke="red" stroke-width="10"
        vector-effect="non-scaling-stroke"/>
</svg>
<script>
runAfterLayoutAndPaint(function() {
  document.querySelector('svg').style.transform = "translate3d(0, 0, 0)";
}, true);
</script>
